<div class="width-100">
    <es-header [title]="'告警管理'" [class]="'warn'"></es-header>
</div>

<div class="page-background">
    <div class="display-flex page-container">
        <div class="display-flex tab-contanier" >
            <div [ngClass]="{'active':show=='notprocess'}" style="width: 160px;" class="cursor-pointer tab-title" (click)="goto('notprocess')">未处理告警</div>
            <div [ngClass]="{'active':show=='processed'}"  style="width: 160px;" class="cursor-pointer tab-title" (click)="goto('processed')">已处理告警</div>
        </div>
        <div style="height: calc(100% - 64px);">
            <router-outlet></router-outlet>
        </div>
    </div>
</div>